<template>
  <div class="box">
    <my-list />
    <home-intro />
    <article-search />
    <router-view />
    <my-pages />
    <home-list />
  </div>
</template>

<script>
import { getArticleUser } from 'com/shuju'
import MyList from './components/userintro'
import HomeList from './components/list'
import HomeIntro from './components/intro'
import MyPages from './components/pages'
import ArticleSearch from './components/search'
export default {
  name: 'MyHome',
  components: {
    MyList,
    HomeList,
    HomeIntro,
    MyPages,
    ArticleSearch,
    aaa: ''
  },
  mounted () {
    var data = new FormData()
    data.set('username', this.$route.query.name)
    var datas = new FormData()
    datas.set('username', this.$route.query.name)
    datas.set('page', 0)
    datas.set('size', 9)
    getArticleUser(data, datas, this)
    console.clear()
  }
}
</script>

<style lang="stylus" scoped>
  .box{
    position: relative
    width: 1200px
    height: auto
    top: .8rem
    margin: 0 auto
    content: " "
    display: table
    clear: both
  }
</style>
